<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>048-HTML5表单属性-form</title>
</head>

<body>
    <!-- form 属性规定输入域所属的一个或多个表单。 -->
    <!-- 提示:如需引用一个以上的表单，请使用空格分隔的列表。 -->

    <!-- 位于form表单外的 input 字段引用了 HTML form (该 input 表单仍然属于form表单的一部分): -->
    <form action="demo-form.php" id="form1">
        First name: <input type="text" name="fname"><br>
        <input type="submit" value="提交">
    </form>

    <p> "Last name" 字段没有在 form 表单之内，但它也是 form 表单的一部分。</p>

    Last name: <input type="text" name="lname" form="form1">

    <p><b>注意:</b> IE 不支持 form 属性</p>
</body>

</html>